{"componentChunkName":"component---src-templates-tutorial-js","path":"/en/tutorial/Mapping/LabelMap/CustomLabelMapDefault/","webpackCompilationHash":"b8493fc551f7d6152954","result":{"data":{"markdownRemark":{"html":"<h3 id=\"introduction\"><a href=\"#introduction\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Introduction</h3>\n<p>It realizes displaying different types of labels on font, size, rotation angle\nand color in a thematic map. E.g, when importing CAD data, make a custom label\nthematic map for the point dataset which includes text information to realize\nthe same text display effect in CAD. Note: the point, line, region datasets\nall support making custom label thematic map, but the custom thematic map of\nthe line dataset doesn’t support setting along line. Only for the point label\nthematic map it supports setting label style by the field.</p>\n<p>\n  <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/iDesktop/static/bc419c8f39e359d85e75c20c4ff824bd/6b519/CustomLabelMap0.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n  \n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 508px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 70.2755905511811%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACCklEQVQ4y12TWbLiMAxFnRBCIGQOmZjhFY8q/lgA+9+VWkdgqrs/XLZk6epqcnVdS9M0crvdpKoqCYJAlsul7HY7maZJ1uu1zGYzWa1WkmWZpGkqeZ5L27bfNzb4YONQJEkiZVnK5XKR6/Uq8/lcnHOm22w2diMD7B25oygy21QB53EssR63WCzMGAHn/X7/ZYae/67rZBxHC2w6ta0/YMiVMh0+QZ03+p8B4JQijhIJXKAsCxmGwdhilylIpICB+vUafKP6RH3/AeSEYWiAMKOmMKuyVh1DC0YgdAQLPj6xsi3Vh9Td4XAQGmMF/QuUQDAh9XEcZOp3EoWaojataVoDXinLeBGbPSWzAICRBmz48KAYAEjXecNo2m4lWy9lPnPKJpPzbpL9ZZA6LySllorlfGE5sLJOfepJEGTST9OVlCrff3+kbd4NSDTVQRuGHZkYlu+yPyjRFUXx7apnTrfP57Ox7bqNzBTQxkttAWVOHbWDBc4enDRh6Nkiw+T+e7d6EizPSxsv3n68COT80MKCKHTSs+WNkQ28HpbgrQ9Vpu61gfZ9b0HNzwOggLLRVpmabLUJgNG46JMeJYkiXcWlk2l8jxbzyaoaljf0LJEBZVe50fGGid9nGNV1q3JiRAjOGLG2DmTq5/cZR68jRVaRQYbF8Xi0pmDDfTqd7O/xeMjz+ZTX6yV/AM+0P57nUis3AAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n    >\n      <img\n        class=\"gatsby-resp-image-image\"\n        style=\"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;\"\n        alt=\"CustomLabelMap0\"\n        title=\"\"\n        src=\"/iDesktop/static/bc419c8f39e359d85e75c20c4ff824bd/6b519/CustomLabelMap0.png\"\n        srcset=\"/iDesktop/static/bc419c8f39e359d85e75c20c4ff824bd/6a467/CustomLabelMap0.png 210w,\n/iDesktop/static/bc419c8f39e359d85e75c20c4ff824bd/635b1/CustomLabelMap0.png 420w,\n/iDesktop/static/bc419c8f39e359d85e75c20c4ff824bd/6b519/CustomLabelMap0.png 508w\"\n        sizes=\"(max-width: 508px) 100vw, 508px\"\n      />\n    </span>\n  </span>\n  \n  </a>\n      </p>\n<h3 id=\"note\"><a href=\"#note\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Note</h3>\n<p>To use the field to assign the font style, the field should follow some\nrequirements.</p>\n<ol>\n<li>Font name: the field type can be text type, the field value the font name such as Arial; if the field value doesn’t correspond to the font name in the system, it will be set according to the condition not using expression. </li>\n<li>Font size: the field type can be integer, and the field value is the font hight with the unit as mm. If the field value is empty, it will use the default 4mm.</li>\n<li>Rotation angle: The field type is numeric, and the field value is angle, in degrees. The counterclockwise of the angle is positive, and the value is positive; the clockwise of the angle is negative, and the value is negative. If the filed is null, it will use the default 0 degree.</li>\n<li>Font color: the field type is integer, and the field value is decimal color value. If the field is null, it will use the color without setting the expression.</li>\n</ol>\n<p>Select a color on the color panel, the color is in hex, and copy the last six\ndigits of the value to the hex value mode in the calculator, and then convert\nit to the decimal. In this case, this value can be placed into the attribute\ntable.</p>\n<p>\n  <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/iDesktop/static/db8086d600636f6ae86c3647f4add33e/0a529/CustomLabelMap1.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n  \n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 272px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 128.6764705882353%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,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'); background-size: cover; display: block;\"\n    >\n      <img\n        class=\"gatsby-resp-image-image\"\n        style=\"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;\"\n        alt=\"CustomLabelMap1\"\n        title=\"\"\n        src=\"/iDesktop/static/db8086d600636f6ae86c3647f4add33e/0a529/CustomLabelMap1.png\"\n        srcset=\"/iDesktop/static/db8086d600636f6ae86c3647f4add33e/6a467/CustomLabelMap1.png 210w,\n/iDesktop/static/db8086d600636f6ae86c3647f4add33e/0a529/CustomLabelMap1.png 272w\"\n        sizes=\"(max-width: 272px) 100vw, 272px\"\n      />\n    </span>\n  </span>\n  \n  </a>\n      </p>\n<hr>\n<p>\n  <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/iDesktop/static/cd03e76688858a7338b220695ec44722/13a77/CustomLabelMap2.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n  \n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 840px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 45.97156398104266%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB4UlEQVQoz1WR6XKbQBCEef8HSqXKt62DG5ZDiBVgbsQlRVFcdinJdgZUlTg/pnbZ/Waa7pUezei37CRY+o149Hvc+yMeNiNetkcofBSmsYV5txArNxMTtw46sY7OeObfsdidYeUXsPQEx4nh3z1BisoR7fFDVP0PdMcPdN8u6E6/aP+OoigQZ7UI0xJJdUB7eCfuPHPD6YLx9BPbsoabZPCzCnZWQwrzXjTjG6rxTVTDG8r9iKqukXIbPGBC0xRoqix43tH9GSQsauKiuocRc9zYMpYOw7Op41bTIL1YCWQvg+pw6LYDxbCw1D0odKYFFXQq2S+xYBntG6z9DDeWiy+qiSeTw+YdtG1NTDHz0kJWYBoqbD+EHeZgUQt921DVMMIaZthApe9bK8A9c/HAPGqO4cY9TGK0oJxXi7iJlVYshhEU2GQHeEkPJ2oI3sOj2qQdFTVGPb6qDg114CcdgnSAtbsyXtL+5RiJSCs3Jys12K4hlWoexosRPB+wo3UCtbDF2iugb/5xLO4+cQP8VxLmLQ10UshuRlb3Mzz94Y5efqqpIaSGSXlNjOzldH/lpmiiT9w2G+DRUEmhwF2yOgFsskGW4vqIqDpSDONszyBllQJ350iunPs6/MdtiGNRhz/a94Kk8rqApwAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n    >\n      <img\n        class=\"gatsby-resp-image-image\"\n        style=\"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;\"\n        alt=\"CustomLabelMap2\"\n        title=\"\"\n        src=\"/iDesktop/static/cd03e76688858a7338b220695ec44722/04a72/CustomLabelMap2.png\"\n        srcset=\"/iDesktop/static/cd03e76688858a7338b220695ec44722/6a467/CustomLabelMap2.png 210w,\n/iDesktop/static/cd03e76688858a7338b220695ec44722/635b1/CustomLabelMap2.png 420w,\n/iDesktop/static/cd03e76688858a7338b220695ec44722/04a72/CustomLabelMap2.png 840w,\n/iDesktop/static/cd03e76688858a7338b220695ec44722/13a77/CustomLabelMap2.png 844w\"\n        sizes=\"(max-width: 840px) 100vw, 840px\"\n      />\n    </span>\n  </span>\n  \n  </a>\n      </p>\n<p>Besides the font name, the font size, rotation angle, font color all can be\nset by the direct inputed value.</p>\n<p>The following is an example of the attributes content and the corresponding\nlabel display effect.</p>\n<p>\n  <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/iDesktop/static/dfa383016d4d5a55653f84bdb6ed54ca/65025/CustomLabelMap3.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n  \n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 573px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 104.53752181500873%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADuElEQVQ4y41SW3PiVgw2+ArGF2wgJNnM7mTbvuY5P6MP/bN9904nfYxnNtkMCyRAEiBcfWwuB6uSCLQ704fVzBnrWNL3fZKOMpvNe6PR22q1Wov5fCG63UexXm9Ekgj2R6Mx3/uDgWh9b4vFMhFZthKdTleMxm+C6l6Hw6TT7crJdPpVEWk2SbM1YACEEDCbzdBfQQ4ASZJAlmVANplMoNPpgJSS/93c3MDd3R3HkJDrt9ttRxEiGy+TFNIs2y0Wi3w8HufL5TLf7Xb8TdM0J0OivN1u5wiWY2Eex3H+8vLCsfV6vSMRSPadARdLgZdd3u/1mBUTAPMAAQEB2SeFT09P3AUZqaU4xZCAAfHbVhKRMuBms83n8zk8Pz9zW3SogABQLfT7fXh4eOCRkHW7XaB8AiSFRMyAOENumQBpNqSEjEAOM6SiwWAArVaLQchILRGSbTabQ8vt4wzXCEhqcIYMcFCYptn/KqSWDwpR3Y7IGRBbHk5nS1IoEVAioMR8SYZJEhVKLJK9Xk8ioERAjj8+PkpcIsew5e07YEvB95auNzs42GHoZMT+3/+41eP9/v4eXl9ff8jFTl6UxSKJxm/Tr/hYY2wxHg6HMQ43RtYYW4pFtrpNJ8/3nfjvb61293Y6nXAcn1CM82Yf1d2ORqNvWPOn8jMW/a7U/vpDOf+p5EqlEtm2HdXrjcjzgqhQ0CLXdaMwDCPTMCPLsuj+pVQuf/GqVY5RjYn/qY7yDMOIiNdxnEgpFAqg6zrYdhl++9WFXz5XwLJ0MAwTHId8C4rFIiAg+HiwGEqlEjh4TNNk3/M8QED2FU3TJF74+J4hG/WK9DxXYrI09ZJEVmlXbIlAsmpZEsFlrVyWH8NQFlVV2ugHQcD1CCgVYtR1gxnoqKoOJauEim0I/Qa4ZgB22YEgDMFxXc7Riip4jsOKfN9npUeF5Fx+UuHTRwOCoMgBGoGqaqAbOoTVGtiWA6ZRBNdx4fRDHZzQBhvjZRwBgamq+iOgoSsYKGCCCTgCoLlSsopKCNSv+vCh6eK9CM2wCienDfBK5SPQQSHNWzm0Wijs1WmaymDvbLyQRr0OYVjH//ZeOS2xUuE8iv+7WHsPSCCqWmQGUrifpcqg580mNGp19DWoYau+H3AhAREgbZj2QDXv21aOCyEwYiJGClarVS7aExQQEItcDZ+TB/geOY+IySdy+iq1Wg0q7/KJGZ8AnJyc8Pbw0cLZ2Rnfm81T9M/RDxDQxXsTLi4umPjy8hKurq7g+voa/gEus9fKlTis3AAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n    >\n      <img\n        class=\"gatsby-resp-image-image\"\n        style=\"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;\"\n        alt=\"CustomLabelMap3\"\n        title=\"\"\n        src=\"/iDesktop/static/dfa383016d4d5a55653f84bdb6ed54ca/65025/CustomLabelMap3.png\"\n        srcset=\"/iDesktop/static/dfa383016d4d5a55653f84bdb6ed54ca/6a467/CustomLabelMap3.png 210w,\n/iDesktop/static/dfa383016d4d5a55653f84bdb6ed54ca/635b1/CustomLabelMap3.png 420w,\n/iDesktop/static/dfa383016d4d5a55653f84bdb6ed54ca/65025/CustomLabelMap3.png 573w\"\n        sizes=\"(max-width: 573px) 100vw, 573px\"\n      />\n    </span>\n  </span>\n  \n  </a>\n      </p>","frontmatter":{"title":"Custom Label Setting Introduction","next":null,"prev":null},"fields":{"path":"content\\en\\tutorial\\Mapping\\LabelMap\\CustomLabelMapDefault.md","slug":"/en/tutorial/Mapping/LabelMap/CustomLabelMapDefault/","langKey":"en"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/en/tutorial/Mapping/LabelMap/CustomLabelMapDefault/"}}}